// 负责管理所有的自定义指令
export const imagerror = {
  // 指令对象  会在当前的DOM元素插入节点之后执行
  inserted (dom, options) {
    // dom 表示当前作用指令的dom对象  此时就是图片
    // options 表示传递过来的数据  此时在这里就是指令中的变量解释
    // 当图片有地址，加载不成功会报错的时候，会触发一个事件onerror
    //   图片异常的逻辑
    dom.src = dom.src || options.value// 初始化的时候如果有值就进行赋值，如果没值就进行默认值
    dom.onerror = function () {
      // 当图片出现异常的时候会将指令中配置的默认图片设置为该图片的内容
      // dom 可以注册error事件
      dom.src = options.value // 这里不能写死
    }
  },
  // 这个函数和inserted一样是一个钩子函数
  componentUpdated (dom, options) {
    // 这个钩子函数会在当前指令作用的组件更新数据完毕后执行
    // inserted只会执行一次
    // 组件初始化一旦更新就会在进入inserted函数  然后进入componentUpdated
    dom.src = dom.src || options.value
  }
}
// <img v-imagerror='默认图片变量'/>
